<template>
<div class="home-index-contain">
    <the-header></the-header>
    <p @click="$router.push('/vuexTest')" class="in-sub">点击进入vuex</p>
    <the-footer></the-footer>

</div>
    
</template>
<script>
import TheHeader from '@/components/TheHeader'
import TheFooter from '@/components/TheFooter'

export default {
  components: {
      'the-header': TheHeader,
      'the-footer': TheFooter

  }
    
}
</script>
<style lang="less">
.home-index-contain{
    .in-sub{
        cursor: pointer;
        &:hover{
            color: red;
        }
    }
}

</style>


